@charset "utf-8";
/*
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif
}

h1 {
	font-size: 12px;
}

h2 {
	font-size: 12px;
}

h3 {
	font-size: 11px;
}

p, ul, ol {
	margin-top: 0px;
}

ul, ol {
	margin-left: 0px;
}
*/

/*___________________________PAGE CONTAINER__________________________*/
div#container {
	width: 771px;
	/*background: url(../images/containerBGmiddle.jpg) repeat-y;*/
	margin: 0 auto;
	}

div#baseContainer {
	background: url(../images/containerBGfooter.jpg) bottom no-repeat;
	height:10px;
	}
div#topContainer {
	background: url(../images/containerBGtop.jpg) top no-repeat;
	height:8px;
	margin-bottom:-7px;
	#margin-bottom:-16px;
	}

/*______________________________HEADER_______________________________*/
div#header {
	width: 771px;
	margin-top: 0px;
	height: 130px;
	margin-left:1px;
	margin-bottom: -4px;
}

/***********  MINI HEADER  **********/
div#miniHeader {
	width:100%;
	height:98px;
	overflow:none;
	padding:0px;
	}
/*
.miniHeaderReportDiv{
  	font-family: Arial, Helvetica, sans-serif;
	color:#414141;
	font-size: 11px;
	font-style: normal;
	padding-top:13px;
	padding-left:15px;
	width:350px;
	height:75px;
	overflow:hidden;
	}

.niniHeaderLBL{
	font-family: Arial, Helvetica, sans-serif;
	color:#B30000;
	font-size: 11px;
	font-style: normal;
	text-align:left;
 	padding-right:4px;
	text-transform:uppercase;
	font-weight:bold;
	}

.niniHeaderDESC{
	font-family: Arial, Helvetica, sans-serif;
	color:#202020;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	}
	*/
/**************  MENU  **************/
/*div#menu{
	margin-left:0px;
	margin-top:0px;
}
*/
/* Mozilla and Firefox alignment */
/*html>body div#menu{
	margin-left:0px;
	margin-top:0px;
}
*/
#barraMenu{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	/*background:transparent url(../images/menuBGoff.gif) repeat-x top left;*/
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:1px solid #B30000;
	}

#barraMenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#barraMenu ul li{
	display:block;
	float:left;
	margin:0;
	}

#barraMenu ul li a{
	display:block;
	float:left;
	color:#666;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	/*background:transparent url(../images/menuBGdivider.gif) no-repeat top right;*/
	}

#barraMenu ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff url(../images/menuBGon.gif) no-repeat top right;
}

div#recordsCount {
	color:#333333;
	float:right;
	font-weight:normal;
	height:23px;
	padding:1px 20px 0;
}

/*______________________________TEXT_______________________________*/
/*div#reportesHeader{
   background: url(../imagenes/reportes.jpg);
   width:550px;
   height:98px;
}*/

.LabelTXT{
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 11px;
	font-style: normal;
	text-align:left;
 	padding-right:6px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	}

.DescTXT{
	font-family: Arial, Helvetica, sans-serif;
	color:#414141;
	font-size: 11px;
	font-style: normal;
	text-align:left;
	}

.DescPlusTXT{
	font-family: Arial, Helvetica, sans-serif;
	color:#800000;
	font-size: 11px;
	font-style: normal;
	text-align:left;
	}

/**************  REPORT TABLE *****************/

.reportAVL  {margin: 0; padding: 0; width: 100%;}
.reportAVL td {padding: 5px 4px; border-bottom: 1px solid #EEE; font-size:0.9em;}
.reportAVL th {
	background-color:Gainsboro;
	border-bottom:1px solid #556975;
	font-size:1em;
}

.reportAVL td a {color: #F8F8F8; text-decoration: none; text-align: right;}
.reportAVL td a, .reportAVL th a {display: block; width: 100%;}
.reportAVL td a:hover {color: #C3C3C3;}

.reportAVL tfoot th {text-align: right;}
.reportAVL thead tr, .reportAVL tfoot tr {color: #555; font-size: 1em;}

.reportAVL th, .reportAVL td {
	border-right:1px dotted Gainsboro;
	padding:5px 5px 3px;
	text-align:center;
}

.reportAVL th a {color: #F06; text-decoration: none; font-size: 1.1em;}
.reportAVL th a:visited {color: #F69;}
.reportAVL th a:hover {color: #F06; text-decoration: underline;}

.reportAVL thead tr, .reportAVL tfoot tr {color: #555;}
.reportAVL tr {font: 1.1em sans-serif;  color: #666;}
.reportAVL tbody>tr{
	background-color:#ffffff;
	}
/*.reportAVL tbody>tr:hover {background: #F;}*/

/**************  REPORTE ENCABEZADO *****************/
.reportRecorridos {
	margin:5px 0 0;
	overflow-y :hidden;
	overflow-x :auto;
}
.reportHeader{
	text-align: left;
}
.datosHeaderReport {
	background-color:#EEEEEE;
	color:#333333;
	font-family:verdana;
	font-size:10px;
	margin:0;
	padding:5px;
}
.datosHeaderReport p{
	margin:3px 0;
}
/* CLASE BARRA ACORDEON */
.barraMenuReporte {
	background-color:#F0F8FF;
	border-bottom:1px solid Silver;
	border-top:1px solid #555;
	font-family:verdana;
	font-size:11px;
	height:20px;
	line-height:20px;
	padding:5px 0;
	width:100%;
}

.barraMenuReporte ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}
.barraMenuReporte ul li {
border-right:1px dotted buttonshadow;
display:inline;
float:left;
margin-left:1px;
margin-right:1px;
padding-left:21px;
padding-right:15px;
text-align:left;
}
.barraMenuReporte ul li.ultimo {
	border-right: none;
}
.barraMenuReporte a {
	display:block;
	text-align:left;
}

/*______________________________CONTENT______________________________*/
div#pageContent {
	margin-top:0px !important;
	background-color:#FFF;
	padding:1px;
}
/*______________________________ iconos ______________________________*/
.printIcon{	background:url(../images/printIcon.gif ) no-repeat 0 0; }
.xlsIcon{	background:url(../images/xlsIcon.gif ) no-repeat center left; }
.pdfIcon{	background:url(../images/pdfIcon.gif ) no-repeat center left; }
.csvIcon{	background:url(../images/csvIcon.gif ) no-repeat center left; }

/*
* Estilo para poder scrollear solo el contenido, dejando
* fijo los titulos de cada columna
*/
thead.fixedHeader tr {
	position: relative;
}
tbody.scrollContent {
	height: 262px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
}
tbody.scrollContent>tr{
	height: 15px !important;
}
/*************************/
.LoaderAjaxRecorrido {
    background: url("../assets/templates/aplay/imagenes/bg/bg_black_alpha_90.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 4px;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    z-index: 9999;
}
.fadeAcordeonLoaderRecorrido {
    float: left;
    left: 58%;
    margin-left: -16px;
    margin-top: -16px;
    position: absolute;
    top: 27%;
    z-index: 99999;
}